<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" 
	template="/template/template.xhtml">
  
  <ui:define name="center">
  <h1 class="title ui-widget-header ui-corner-all"><h:outputText value="#{msg['profil.title']}" /></h1>
  <p:panel header="#{msg['profil.identifiants']}">
  	<h:form id="modifications" >
	 	<h:panelGrid columns="2">  
  			<h:outputText value="#{msg['profil.login']}*"  styleClass="right"/>
  			<p:inputText id="Identifiant"
  						 value="#{connexionManagedBean.identifiant}"
  						 />
  						 
  			<h:outputText value="#{msg['profil.password']}*"  styleClass="right"/>
  			<p:password id="Password"
  						 value="#{connexionManagedBean.password}" />
  			<h:outputText value="#{msg['profil.confirmPassword']}*"  styleClass="right"/>
  			<p:password value="#{connexionManagedBean.confirmation}"
  						id="Confirmation"/>
  			<p:button outcome="index" value="#{msg['bouton.annuler']}" ajax="false"  styleClass="right"/> 
  			 <p:commandButton action="#{connexionManagedBean.modify}" value="#{msg['bouton.modifier']}" ajax="false" styleClass="left"/> 
  			 </h:panelGrid>
  		<br/>
  		<h:outputText styleClass="comment" value="#{msg['comment.obligatoire']}" />
  	</h:form>
  	<p:messages for="modification" showSummary="false" showDetail="true"/>
  </p:panel>
  
    <p:panel header="#{msg['profil.infosPerso']}">
  	<h:form id="livraison" >
	 	<h:panelGrid columns="2">  
  			<h:outputText value="#{msg['profil.nom']}*"  styleClass="right"/>
  			<p:inputText id="name" />
  						 
  			<h:outputText value="#{msg['profil.prenom']}:*"  styleClass="right"/>
  			<p:inputText id="firstname" />
  			
  			
  			<p:button outcome="index" value="#{msg['bouton.annuler']}" ajax="false"  styleClass="right"/> 
  			 <p:commandButton value="#{msg['bouton.modifier']}" ajax="false" styleClass="left"/> 
  		
    		</h:panelGrid>
    		<h:outputText value="Avatar:"/>
    		<br/>
    		<br/>
    		<p:fileUpload fileUploadListener="#{connexionManagedBean.upload}" 
			    sizeLimit="1073741824"
			    multiple="false"
			    mode="basic"
			   	label="Choose"
			   	description="Images"
			   	id="Download"/>
    		
  		<p:messages for="Download" showSummary="false" showDetail="true"/>
  		<h:outputText styleClass="comment" value="#{msg['comment.obligatoire']}" />
  	</h:form>
  	<p:messages for="livraison" showSummary="false" showDetail="true"/>
  </p:panel>

 

  </ui:define>

</ui:composition>